{template 'header'}
		<!--引入的外部的icon图标-->
		<link rel="stylesheet" type="text/css" href="{MODULE_URL}assets/css/icons-extra.css" />
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="{MODULE_URL}assets/css/app.css" />
		<style>
			body {
				background: #efefef;
			}
			.mui-icon-extra {
				font-size: 20px;
			}
			/*头部样式*/
			.us_hear {
				width: 100%;
				height: auto;
				background: #efefef;
				position: relative;
				overflow: hidden;
				background-image: url(https://yq.yqin.cn/addons/yq_haircircle/assets/img/user/user_bg.png);
				background-size: 100% 40vh;
				background-repeat: no-repeat;
			}
			.us_hear_grade {
				position: absolute;
				right: 1rem;
				top: 1.8rem;
				width: 100px;
				height: 30px;
				line-height: 30px;
				text-align: center;
				background: white;
				border-radius: 15px;
			}
			.us_hear_grade img {
				width: 20px;
				height: 20px;
				margin: 5px 0 0 20px;
				float: left;
			}

			.us_hear_grade h4 {
				float: left;
				line-height: 30px;
			}
			.us_hear_img {
				margin-top: 10vh;
				width: 100%;
				height: auto;
			}
			.us_hear_img .us_hear_touxiang {
				display: block;
				width: 60px;
				height: 60px;
				margin: 0 auto;
				margin-bottom: 10px;
				background: white;
				border-radius: 50%;
				border: 2px solid white;
			}
			.us_hear_img p {
				width: 100%;
				height: 20px;
				line-height: 20px;
				text-align: center;
				font-size: 14px;
				color: #fff;
			}
			.us_hear_img p span{
				color: #fff;
			}
			.us_hear_cash {
				width: 100%;
				height: auto;
				margin-top: 20px;
				margin-bottom: 15px;
			}
			.us_hear_cash .us_hear_cent {
				width: 130px;
				height: 30px;
				line-height: 30px;
				margin: 0 auto;
				text-align: center;
				background: white;
				border-radius: 15px;
			}
			/*充值会员*/
			.recharge {}
			.recharge .recharge_title {
				display: inline-block;
				position: absolute;
				top: 16px;
				left: 52px;
				font-size: 18px;
			}
			/*提现记录、任务详情、收支明细*/
			.task {}
			.task img {
				width: 27px;
				float: left;
				margin-right: 10px;
			}
			.task .mui-table-view-cell:after {
				left: 0;
			}
			.task .task_title {
				line-height: 30px;
			}
			/*团队、海报、发圈、客服*/
			.us_xinxi {
				margin-top: 15px;
			}
			.us_xinxi img {
				width: 27px;
				margin-top: 7px;
			}
			.us_xinxi .mui-table-view-cell:after {
				left: 0;
			}
			/*合作招商*/
			.hezuo {
				margin-top: 15px;
			}

			.hezuo img {
				width: 27px;
				margin-top: 7px;
			}
			/*按钮*/
			.btn {
				display: block;
				width: 100%;
				height: 45px;
				line-height: 45px;
				text-align: center;
				color: red;
				background: white;
				margin-top: 25px;
				margin-bottom: 80px;
			}
			.user_info{
				position: absolute;
				right: 13vw;
				top: 6vh;
				width: 80px !important;
			}
		</style>
	</head>
	<body>
<!--		<div class="user_bg">-->
<!--			<img src="{MODULE_URL}assets/img/user/user_bg.png" alt="">-->
<!--		</div>-->
		<!--头部-->
		<div class="mui-content">
			<div class="us_hear">
				<div class="us_hear_img">
					{if $isLogin}
					<!--显示登录后的头像-->
					<img src="{$userinfo['avatar']}" class="us_hear_touxiang" />
					<p>ID:{$userinfo['id']}</p>
					<p onclick="wanshan_xinxi()" class="user_info">个人资料<span class="mui-icon mui-icon-compose "></span></p>
					{else}
					<!--显示默认头像-->
					<div onclick="location.href='{php echo $this->createMobileUrl('public',array('op'=>'login'))}'">
						<img src="{MODULE_URL}assets/img/wdl_touxiang.png" class="us_hear_touxiang" />
						<p style="margin: 0;height: 15px;">登录</p>
					</div>
					{/if}
				</div>
				<div class="us_hear_cash">
					<div class="mui-row">
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="us_hear_cent">
								<span class="mui-icon-extra mui-icon-extra-gold" style="color:#bb983b;"></span>
								{if !$isLogin}0.00{else}{$userinfo['user_money']}{/if}
							</div>
						</div>
						<div class="mui-col-sm-6 mui-col-xs-6">
							<div class="us_hear_cent">
								<a href="{php echo $this->createMobileUrl('core',array('op'=>'cashout'))}" style="color: black;">
									<span class="mui-icon-extra mui-icon-extra-prech" style="color:#bb983b;"></span>提现
								</a>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
		<!--充值会员-->
		<div class="mui-content">
			<div class="recharge">
				<div class="mui-card" style="margin: 0;border-top: 1px solid #c8c7cc;border-bottom:1px solid #C8C7CC;box-shadow: none;">
					<ul class="mui-table-view">
						<li class="mui-table-view-cell">

							<a class="mui-navigate-right" style="margin: -15px -19px -20px;" href="javascript:level_info()">
								<img class="" src="{MODULE_URL}assets/img/user/member.png" style="height: 27px;"><span class="recharge_title">会员</span>
								{if $isLogin && $userinfo['user_level']>0}
								<span class="mui-badge" style="background: none;">
									<img src="{MODULE_URL}assets/img/user/vip.png" alt="" class="" style="height: 21px;" />
								</span>
								{/if}
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--提现记录、任务详情、收支明细-->
		<div class="task">
			<div class="mui-content">
				<ul class="mui-table-view">
					<li class="mui-table-view-cell">
						<a href="{php echo $this->createMobileUrl('member',array('op'=>'cashout_list'))}" class="mui-navigate-right">
							<img src="{MODULE_URL}assets/img/user/cash.png" alt="" /><span class="task_title">提现记录</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="{php echo $this->createMobileUrl('member',array('op'=>'task_list'))}" class="mui-navigate-right">
							<img src="{MODULE_URL}assets/img/user/renwu.png" alt="" /><span class="task_title">任务详细</span>
						</a>
					</li>
					<li class="mui-table-view-cell">
						<a href="{php echo $this->createMobileUrl('member',array('op'=>'yongjin'))}" class="mui-navigate-right">
							<img src="{MODULE_URL}assets/img/user/budget.png" alt="" /><span class="task_title">佣金明细</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--团队、海报、发圈、客服-->
		<div class="us_xinxi">
			<ul class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell mui-media">
					<a href="{php echo $this->createMobileUrl('member',array('op'=>'team'))}" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="{MODULE_URL}assets/img/user/team.png" style="height: 27px;">
						<div class="mui-media-body">
							我的团队
							<p class='mui-ellipsis'>查看我的团队</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="{php echo $this->createMobileUrl('core',array('op'=>'fenxiang'))}" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="{MODULE_URL}assets/img/user/poster.png" style="height: 27px;">
						<div class="mui-media-body">
							推广海报
							<p class='mui-ellipsis'>邀请我的好友</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="{php echo $this->createMobileUrl('core',array('op'=>'faquan_submit'))}" class='mui-navigate-right' href="javascript:;">
						<img class="mui-media-object mui-pull-left" src="{MODULE_URL}assets/img/user/shangchuan.png" style="height: 27px;">
						<div class="mui-media-body">
							发圈上传
							<p class='mui-ellipsis'>截图朋友圈图片上传</p>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<a href="{php echo $this->createMobileUrl('public',array('op'=>'kefu'))}" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="{MODULE_URL}assets/img/user/kefu.png" style="height: 27px;">
						<div class="mui-media-body">
							客服中心
							<p class='mui-ellipsis'>使用QQ联系客服</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<!--合作招商-->
		<div class="hezuo">
			<ul class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell mui-media">
					<a href="{php echo $this->createMobileUrl('index',array('op'=>'page','extra'=>'cooperate'))}" class="mui-navigate-right">
						<img class="mui-media-object mui-pull-left" src="{MODULE_URL}assets/img/user/coop.png" style="height: 27px;">
						<div class="mui-media-body">
							合作招商
							<p class='mui-ellipsis'>编辑合作内容，发送至邮箱。</p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<!--按钮-->
		{if $isLogin}
		<a href="{php echo $this->createMobileUrl('public',array('op'=>'logout'))}" class="btn" style="color: red;">退出登录</a>
		{else}
		<a href="{php echo $this->createMobileUrl('public',array('op'=>'login'))}" class="btn" style="color: red;">登录账号</a>
		{/if}
		<!-- 底部Tab 开始 -->
		{template 'nav'}
		<!-- 底部Tab 结束 -->
		<script src="{MODULE_URL}assets/js/mui.min.js"></script>
		<script src="{MODULE_URL}assets/js/jquery.min.js"></script>
		<!--公共类的js-->
		<script src="{MODULE_URL}assets/js/public.js"></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			function wanshan_xinxi() {
				if(0) {

				} else {
					mui.openWindow({
						url: "{php echo $this->createMobileUrl('core',array('op'=>'wanshan'))}", //需要打开页面的url地址
						id: 'wanshan', //需要打开页面的url页面id
						styles: {
							top: '0px', //新页面顶部位置 
							bottom: '0px', //新页面底部位置 
						},
						extras: {
							name:'aries',
							age:'18',
						},
					});
				}
			}
			function level_info() {
				var isLogin = '{$isLogin}'
				var user_level = '{$userinfo["user_level"]}';
				if(isLogin && user_level>0){
					mui.alert('您已经是会员了');return;
				}else{
					location.href = "{php echo $this->createMobileUrl('core',array('op'=>'upgrade'))}";
				}
			}
		</script>
	</body>

</html>